import React, { Component} from 'react';
import Split from '../CommonComponent/Split'
import Top from '../CommonComponent/Top'

export default class Logistics extends Component {
    render(){
        return(
            <div className="containerNav">
                <Top
                    title = {'查看物流'}
                />
                <Split />
                <div className="flex flex-pack-justify flex-align-center f14 paddinglr border_bottom" style={{height:50}}>
                    <span className="color6">订单信息</span>
                    <div><span className="color9">2017-11-12 12:23</span></div>
                </div>
                <div>
                    <ul className="pAll border_bottom">
                        <li style={{width:40,height:40,marginRight:10}}><img src="" alt=""/></li>
                    </ul>
                </div>
                <div className="flex flex-pack-justify flex-align-center f14 paddinglr border_bottom" style={{height:50}}>
                    <span className="color6">共2件商品</span>
                    <div>实付:<span className="colorlv ml1">￥256</span></div>
                </div>
                <Split />
                <div className="flex flex-pack-justify flex-align-center f14 paddinglr border_bottom" style={{height:50}}>
                    物流信息
                </div>
                <div>
                    <div className="f14 paddinglr flex flex-align-center" style={{height:30}}>
                        <span>物流公司:</span>
                        <span className="di ml1">中通公司</span>
                    </div>
                    <div className="f14 paddinglr flex flex-align-center" style={{height:30}}>
                        <span>物流单号:</span>
                        <span className="di ml1">1546768741</span>
                    </div>

                    <p className="paddinglr">物流跟踪:</p>

                    <div>
                        <ul>
                            <li className="paddinglr flex flex-pack-justify-end posr">
                                <div className="width90 border_bottom pAll">
                                    <p className="colorlv margin0">2017-01-01 12:30:30</p>
                                    <p className="color9 margin0"><span>[深圳市][宝安区]的李雷已收件 </span></p>
                                    <p className="color9 margin0"><span>电话:</span><span>15478956412</span></p>
                                </div>
                            </li>
                            <li className="paddinglr flex flex-pack-justify-end bgSplit">
                                <div className="width90 border_bottom pAll">
                                    <p className="colorlv margin0">2017-01-01 12:30:30</p>
                                    <p className="color9 margin0"><span>[深圳市][宝安区]的李雷已收件 </span></p>
                                    <p className="color9 margin0"><span>电话:</span><span>15478956412</span></p>
                                </div>
                            </li>
                        </ul>
                    </div>


                </div>
            </div>
        )
    }

}